<template>
  <div class="container">
    <img class="imager" src="../assets/background/home/home.svg" alt="" />
    <div class="context">
      <h1>后台管理系统</h1>
      <p>
        项目名称：后台管理系统
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;项目版本：V1.0
      </p>
      <p style="margin-top: 35px">项目描述：</p>
      <p>
        本项目包含了管理登录（账号登录、扫码登录（先不做）、找回密码）、组织管理、人员管理、岗位管理、角色管理、功能权限、数据权限、日志管理（操作日志、登录日志）等。
      </p>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.container {
  background-color: #edf7fe;
  position: relative;

  .imager {
    height: 90vh;
  }

  .context {
    position: absolute;
    top: 20%;
    left: 48%;
    width: 800px;
    color: #007edf;

    h1 {
      line-height: 120px;
      font-weight: normal;
      font-size: 30px;
    }

    p {
      font-weight: normal;
      line-height: 30px;
    }
  }
}
</style>